﻿/*
弹或隐藏出层和遮罩层
*/

function showdrag(drag, popupdiv) {
    var Idiv = document.getElementById(popupdiv);
    Idiv.style.display = "block";
    //以下部分要将弹出层居中显示
    var t = document.documentElement.scrollTop || document.body.scrollTop;
    var clie = document.documentElement.clientHeight || document.body.clientHeight;
    Idiv.style.left = (document.documentElement.clientWidth - Idiv.clientWidth) / 2 + document.documentElement.scrollLeft;
//    var top = 126 + (clie / 2) + t;
    var top = (clie / 2) + t - 126;
    Idiv.style.top = top;

    //以下部分使整个页面至灰不可点击
    var procbg = document.createElement("div"); //首先创建一个div
    procbg.setAttribute("id", "mybg"); //定义该div的id
    procbg.style.background = "#000000";
    procbg.style.width = "100%";
    procbg.style.height = "100%";
    procbg.style.position = "fixed";
    procbg.style.top = "0";
    procbg.style.left = "0";
    procbg.style.zIndex = "500";
    procbg.style.opacity = "0.6";
    procbg.style.filter = "Alpha(opacity=30)";

    //以上部分也可以用csstext代替
    // procbg.style.cssText="background:#000000;width:100%;height:100%;position:fixed;top:0;left:0;zIndex:500;opacity:0.6;filter:Alpha(opacity=70);";
    //背景层加入页面
    document.body.appendChild(procbg);
    //	document.body.style.overflow = "hidden"; //取消滚动条

    //以下部分实现弹出层的拖拽效果
    var posX;
    var posY;
    var dragdiv = document.getElementById(drag);
    dragdiv.onmousedown = function (e) {
        if (!e) e = window.event; //IE
        posX = e.clientX - parseInt(Idiv.style.left);
        posY = e.clientY - parseInt(Idiv.style.top);
        dragdiv.onmousemove = mousemove;
    }
    dragdiv.onmouseup = function () {
        dragdiv.onmousemove = null;
    }
    function mousemove(ev) {
        if (ev == null) ev = window.event; //IE
        Idiv.style.left = (ev.clientX - posX) + "px";
        Idiv.style.top = (ev.clientY - posY) + "px";
    }
}
function closedrag(popupdiv) //关闭弹出层
{
    var Idiv = document.getElementById(popupdiv);
    Idiv.style.display = "none";
    //    document.body.style.overflow = "auto"; //恢复页面滚动条
    var body = document.getElementsByTagName("body");
    var mybg = document.getElementById("mybg");
    body[0].removeChild(mybg);
}